/* @import './base.css';

#app {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem;
  font-weight: normal;
  background-color: white;
  color: black;
} */

/* a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
  padding: 3px;
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
} */

/* @media (min-width: 1024px) {
  body {
    display: flex;
    place-items: center;
  }

  #app {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 2rem;
  }
} */
body {
  margin: 0;
}

@font-face {
  font-family: Cosmonaut;
  /*src: url('lib/font/Cosmonaut.ttf');*/
  src: url("@/assets/font/Cosmonaut.ttf");
}

@font-face {
  font-family: EMDBold;
  /*src: url('lib/font/EmberModernDisplayStandard-Bold.ttf');*/
  src: url("@/assets/font/EmberModernDisplayStandard-Bold.ttf");
}

@font-face {
  font-family: EMDHeavy;
  /*src: url('lib/font/EmberModernDisplayStandard-Heavy.ttf');*/
  src: url("@/assets/font/EmberModernDisplayStandard-Heavy.ttf");
}

@font-face {
  font-family: EMDLight;
  /*src: url('lib/font/EmberModernDisplayStandard-Light.ttf');*/
  src: url("@/assets/font/EmberModernDisplayStandard-Light.ttf");
}

@font-face {
  font-family: EMDMedium;
  /*src: url('lib/font/EmberModernDisplayStandard-Medium.ttf');*/
  src: url("@/assets/font/EmberModernDisplayStandard-Medium.ttf");
}

@font-face {
  font-family: EMDRegular;
  /*src: url('lib/font/EmberModernDisplayStandard-Regular.ttf');*/
  src: url("@/assets/font/EmberModernDisplayStandard-Regular.ttf");
}

@font-face {
  font-family: Somatic;
  /*src: url('lib/font/Somatic.ttf');*/
  src: url("@/assets/font/Somatic.otf");
}

@font-face {
  font-family: RedBold;
  /*src: url('lib/font/Rex Bold_0.otf');*/
  src: url("@/assets/font/Rex Bold_0.otf");
}
